<template>
    <div class="tab-pane">
      <h3>{{ tabLabel }}</h3>
      <p>Content for {{ tabLabel }}</p>
      <button @click="emitCreateEvent">Simulate 'create' event</button>
    </div>
  </template>
  
  <script>
  export default {
    name: 'TabPane',
    props: {
      type: String // 这里可以根据需要添加更多的 props
    },
    data() {
      return {
        tabLabel: '' // 这个数据可以根据需要初始化
      };
    },
    created() {
      // 在组件创建时，可以根据传入的 type 属性初始化 tabLabel
      this.tabLabel = this.type; // 这里假设使用 type 作为标签名称
    },
    methods: {
      emitCreateEvent() {
        // 触发一个 'create' 事件，通知父组件（Tab.vue）
        this.$emit('create');
      }
    }
  };
  </script>
  
  <style scoped>
  .tab-pane {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f0f0f0;
    margin-top: 10px;
  }
  </style>
  